<!--
此文件为开发者工具生成，生成时间: 2023/6/8下午10:12:07
使用方法：
在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <scroll-view
      enable-back-to-top="true"
      refresher-enabled="true"
      scroll-y="true"
      class="scroll-view"
    >
      <view is="components/sokach-swiper">
        <view class="carousel swiper--carousel">
          <swiper
            autoplay="false"
            indicator-dots="true"
            circular="true"
            indicator-active-color="#fff"
            indicator-color="rgba(255, 255, 255, 0.4)"
            interval="3000"
            current="0"
          ></swiper>
        </view>
      </view>
      <view is="components/Sokach-category">
        <view class="category category--category">
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-694 sk-text">居家</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-894 sk-text">锦鲤</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-410 sk-text">服饰</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-50 sk-text">母婴</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-306 sk-text">个护</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-238 sk-text">严选</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-161 sk-text">数码</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-954 sk-text">运动</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-540 sk-text">杂项</text>
          </navigator>
          <navigator
            class="category-item category--category-item"
            hover-class="none"
            open-type="switchTab"
          >
            <image class="icon category--icon sk-image"></image>
            <text class="text category--text sk-transparent sk-text-14-2857-982 sk-text">品牌</text>
          </navigator>
        </view>
      </view>
      <view is="components/sokach-home">
        <view class="home-hot home--home-hot">
          <view class="item home--item">
            <view class="title home--title">
              <text class="sk-transparent sk-text-14-2857-302 sk-text">特惠推荐</text>
              <text class="title-desc home--title-desc sk-transparent sk-text-14-2857-936 sk-text"
                >精选全攻略</text
              >
            </view>
            <view class="cards home--cards">
              <image class="image home--image sk-image" mode="scaleToFill"></image>
              <image class="image home--image sk-image" mode="scaleToFill"></image>
            </view>
          </view>
          <view class="item home--item">
            <view class="title home--title">
              <text class="sk-transparent sk-text-14-2857-867 sk-text">爆款推荐</text>
              <text class="title-desc home--title-desc sk-transparent sk-text-14-2857-80 sk-text"
                >最受欢迎</text
              >
            </view>
            <view class="cards home--cards">
              <image class="image home--image sk-image" mode="scaleToFill"></image>
              <image class="image home--image sk-image" mode="scaleToFill"></image>
            </view>
          </view>
          <view class="item home--item">
            <view class="title home--title">
              <text class="sk-transparent sk-text-14-2857-195 sk-text">一站买全</text>
              <text class="title-desc home--title-desc sk-transparent sk-text-14-2857-485 sk-text"
                >精心优选</text
              >
            </view>
            <view class="cards home--cards">
              <image class="image home--image sk-image" mode="scaleToFill"></image>
              <image class="image home--image sk-image" mode="scaleToFill"></image>
            </view>
          </view>
          <view class="item home--item">
            <view class="title home--title">
              <text class="sk-transparent sk-text-14-2857-136 sk-text">新鲜好物</text>
              <text class="title-desc home--title-desc sk-transparent sk-text-14-2857-660 sk-text"
                >生活加分项</text
              >
            </view>
            <view class="cards home--cards">
              <image class="image home--image sk-image" mode="scaleToFill"></image>
              <image class="image home--image sk-image" mode="scaleToFill"></image>
            </view>
          </view>
        </view>
      </view>
      <view is="components/sokach-guess">
        <view class="caption guess--caption">
          <text
            class="text guess--text sk-transparent sk-text-0-0000-405 sk-text sk-pseudo sk-pseudo-circle"
            >猜你喜欢</text
          >
        </view>
      </view>
    </scroll-view>
  </view>
</template>
<style>
/*
此文件为开发者工具生成，生成时间: 2023/6/8下午10:12:07

在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-3-5714-273 {
  background-image: linear-gradient(
    transparent 3.5714%,
    #eeeeee 0%,
    #eeeeee 96.4286%,
    transparent 0%
  ) !important;
  background-size: 100% 26.9231rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-88 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}
.sk-text-14-2857-694 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-894 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-410 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-50 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-306 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-238 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-161 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-954 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-540 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-982 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-302 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}
.sk-text-14-2857-936 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-867 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}
.sk-text-14-2857-80 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-195 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}
.sk-text-14-2857-485 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-136 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}
.sk-text-14-2857-660 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-0-0000-405 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 30.7692rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
